.jf-nav {
	background: #fff;
}

.jf-item {
	display: inline-block;
	padding-bottom: 2px;
	margin: 10px;
	border-bottom: 2px solid transparent;
	color: #000;
}

.jf-item-active {
	border-bottom-color: #007AFF;
	color: #007AFF;
}

.jf-slider-group {
	margin-top: 5px;
	background: #f3f4f6;
}

.jf-task {
	padding: 15px;
	background-color: #fff;
}

.jf-member {
	display: none;
}

.jf-slider-group {
	letter-spacing: 0.06em;
	color: #363636;
}

.jsg-up {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.jsgu-right {
	width: 25%;
}

.jsgu-right img {
	width: 100%;
}

.jsg-down {
	display: flex;
	justify-content: space-between;
	margin-top: 8px;
	/* flex-wrap: wrap; */
}

.jsg-down button {
	/* flex: 1; */
	width: 100%;
}

.jsg-down1 button:first-of-type {
	/* margin-right: 15px; */
	margin-bottom: 15px;
}

.jf-btn-grey {
	color: #fff;
	border-color: #4e4d5d;
	background-color: #4e4d5d;
}

.jf-task-box {
	padding: 15px;
}

.jf-task-content {
	background-color: #fff;
	border-radius: 5px;
}

.jf-topic {
	color: #646872;
	margin-right: 10px;
	vertical-align: middle;
}

.jf-bold {
	font-weight: 600;
}

a.mnr-flex {
	display: flex !important;
	justify-content: space-between;
	align-items: center;
}

.mnr-content-right {
	margin-right: 5%;
}

.mtvc-ul {
	display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 10px;
}

.mtvc-lis {
    display: flex;
    background-color: #f6f6f8;
    padding: 5px;
    margin-right: 10px;
    margin-bottom: 10px;
    border-radius: 3px;
}

.mtvc-ps {
	color: #666;
	font-size: 16px;
	margin-right: 5px;
}

.mtvc-grey {
	color: #8f8f94;
	font-size: 14px;
}
